<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid content">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse content" id="navbarSupportedContent">
            <a class="navbar-brand logo" href="#">
                <img src="assets/logo.png" alt="logo">
            </a>
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我们团队</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  href="#">婚礼合作</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  href="#">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <a href="#">
                <img src="./assets/banner.jpg" class="d-block w-100" alt="..." width="100%" height="490">
            </a>
        </div>
        <div class="carousel-item">
            <a href="#">
                <img src="./assets/banner.jpg" class="d-block w-100" alt="..." width="100%" height="490">
            </a>
        </div>
        <div class="carousel-item">
            <a>
                <img src="./assets/banner.jpg" class="d-block w-100" alt="..." width="100%" height="490">
            </a>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>
    <div class="container seafoods">
    <div class="row seafood">
        <div class="col-3 col-xs-3">
            <a href="#">
                <img src="assets/icon1.png" width="40px" height="40px"/>
                <h3>E-MAIE</h3>
                <p>qian@qian.com</p>
            </a>
        </div>
        <div class="col-3 col-xs-3">
            <a href="#">
                <img src="assets/icon2.png" width="40px" height="40px"/>
                <h3>Product</h3>
                <p> 好多项目</p>
            </a>
        </div>
        <div class="col-3 col-xs-3">
            <a href="#">
                <img src="assets/icon3.png" width="40px" height="40px"/>
                <h3>TEL</h3>
                <p>8888-8888</p>
            </a>
        </div>
        <div class="col">
            <a href="#">
                <img src="assets/icon4.png" width="40px" height="40px"/>
                <h3>Adress</h3>
                <p>中国·上海</p>
            </a>
        </div>
    </div>
</div>
    <div class="content title1">
        <h2>经典婚礼视频</h2>
        <span>Wedding </span>
        <div class="box1"></div>
        <p>婚礼是一种宗教仪式或法律公证仪式，其意义在于获取社会的承认和祝福 帮助新婚夫妇适应新的社会角色和要求</p>
    </div>
    <div class="container" id="weddings">
    <div class="row seafood">
        <div class="col col-xs-4">
            <a href="#">
                <img src="assets/img.png"/>
                <h3>经典中式婚礼</h3>
                <p>婚礼是一种宗教仪式或法律 帮助新婚夫</p>
            </a>
        </div>
        <div class="col col-xs-4">
            <a href="#">
                <img src="assets/img2.png"/>
                <h3>经典美式婚礼</h3>
                <p>婚礼是一种宗教仪式或法律 帮助新婚夫）</p>
            </a>
        </div>
        <div class="col">
            <a href="#">
                <img src="assets/img.png"/>
                <h3>经典欧式婚礼</h3>
                <p>婚礼是一种宗教仪式或法律 帮助新婚夫</p>
            </a>
        </div>
    </div>
    </div>
    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="assets/img.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="assets/img2.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="assets/img.png" class="d-block w-100" alt="...">
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
    <div class="content">
    <div class="container">
        <div class="dynamic">
            <h3>我们动态</h3>
            <div class="box1"></div>
        </div>
        <div class="row">
            <div class="col">
                <div class="card" style="width:100%;">
                    <img src="assets/img.png" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">经典中式婚礼</h5>
                        <p class="card-text">婚礼是一种宗教仪式或法律公证仪式，其意义在于 帮助新婚夫妇适应新的社会角色和要求</p>
                        <a href="#" class="btn btn-primary">more</a>
                    </div>
                </div>
            </div>
            <div class="col" id="mores">
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="#">
                            <img src="assets/img5.png" width="150px" height="100px" class="lefts">
                            <div class="list-text rights">
                                <h4>经典西式婚礼</h4>
                                <p>婚礼是一种宗教仪式或法律公证仪式 帮助新婚夫妇适应新的社会</p>
                            </div>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <img src="assets/img5.png" width="150px" height="100px" class="lefts">
                            <div class="list-text rights">
                                <h4>经典西式婚礼</h4>
                                <p>婚礼是一种宗教仪式或法律公证仪式 帮助新婚夫妇适应新的社会</p>
                            </div>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <img src="assets/img5.png" width="150px" height="100px" class="lefts">
                            <div class="list-text rights">
                                <h4>经典西式婚礼</h4>
                                <p>婚礼是一种宗教仪式或法律公证仪式 帮助新婚夫妇适应新的社会</p>
                            </div>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="#">
                            <img src="assets/img5.png" width="150px" height="100px" class="lefts">
                            <div class="list-text rights">
                                <h4>经典西式婚礼</h4>
                                <p>婚礼是一种宗教仪式或法律公证仪式 帮助新婚夫妇适应新的社会</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
    <div class="footer">
    <div class="container content footer-list">
        <div class="row">
            <div class="col">
                <ul class="lefts">
                    <li> <a href="#">关于我们</a></li>
                    <li> <a href="#">了解我们</a></li>
                    <li> <a href="#">我们团队</a></li>
                    <li> <a href="#">我们业务</a></li>
                    <li> <a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="col">
                <ul class="lefts">
                    <li> <a href="#">婚礼内容</a></li>
                    <li> <a href="#">婚礼视频</a></li>
                    <li> <a href="#">婚礼照片</a></li>
                </ul>
            </div>
            <div class="col">
                <ul class="lefts">
                    <li> <a href="#">加入我们</a></li>
                    <li> <a href="#">摄影师</a></li>
                    <li> <a href="#">策划师</a></li>
                    <li> <a href="#">司仪</a></li>
                </ul>
            </div>
            <div class="col">
                <ul class="lefts">
                    <li> <a href="#">关于我们</a></li>
                    <li> <a href="#">了解我们</a></li>
                    <li> <a href="#">我们团队</a></li>
                    <li> <a href="#">我们业务</a></li>
                    <li> <a href="#">加入我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content footer-p">
        <h5>千图婚庆公司</h5>
        <p>© 2013. All rights reserved. Designed by qiantu</p>
    </div>
</div>
</body>
</html>